html{
    background-color:#0e0e0e;
}
body{
    background-image:url(http://2.bp.blogspot.com/-AoMcsOI2vVE/ULIsMBsiAOI/AAAAAAAACw0/QvQ32xrKqtc/s1600/bg-body.jpg);
    background-color:#161616;
    margin : 0;
    padding : 0;
    border : 0;
    text-align : left;
    color : #555;
    font-size:small;
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
}
#layout {
    background:-moz-radial-gradient(center center, circle cover, hsla(0,0%,0%,.0) 0%, hsla(0,0%,3%,9) 100%)no-repeat;
    background:-webkit-gradient(radial, center center, 0,  center center, 800, from(hsla(0,0%,0%,.0)), to(hsla(0,0%,3%,9)) ); 

}
img{
    border:0;
    display:block;
    }    
.clear{ 
    clear:both;
    }
a{
    outline:none;
    }
a:link,a:visited,a:active,a:hover{
    text-decoration:none;
    color:#555;
    }
#iklan{
    Display:none;
    }
h1 a,h1 a:link,h1 a:visited{
    color:#c6cef7;
    }
li{
    line-height:160%;
  
    }
.nav-message a{
  display:none!Important;
}
 /* layout */ 

#wrap2{
    padding-top:70px;
}
.bg-1x88z1{
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:400px;
    opacity:0.6;
 
}
#content-wrapper{
    max-width:1024px;
    margin:0 auto;
    width:1000px;
    text-align:left;
    margin:10px auto;
}
#main{
    margin:0 auto;
    float:left;
    width:100%;
    overflow-x:hidden;
}
/* header */ 
header.header{
    width:100%;
    height:auto;
    position:relative;
    z-index:20;
    overflow:hidden;
    text-align:left;
    border-bottom:1px solid #22231F;
    background-color:#111211;
    background-image:url(http://4.bp.blogspot.com/-UJno00gNvqY/T8RDFLPR8bI/AAAAAAAABX8/BVPrGRTslN0/s1600/pattern.png);
    background-repeat:repeat;
    -webkit-box-shadow:
        0 -1px 3px hsla(0,0%,0%,.9), 
        0 2px 6px rgba(0, 0, 0, .9), 
        inset 0 1px 0 hsla(0,0%,100%,.2);
    -moz-box-shadow:
        0 -1px 3px hsla(0,0%,0%,.9), 
        0 2px 6px rgba(0, 0, 0, .9), 
        inset 0 1px 0 hsla(0,0%,100%,.2);
    box-shadow:
        0 -1px 3px hsla(0,0%,0%,.9), 
        0 2px 6px rgba(0, 0, 0, .9), 
        inset 0 1px 0 hsla(0,0%,100%,.2);
}
header.header{
    margin:0 auto!important;
}
header.header section.header11{
    width:950px;
    margin:0 auto;
}

header.header section.header11 .nav{
    margin-bottom:0;
    padding-bottom:15px;
    padding-top:15px;
    text-align:left;
    height:auto;
    width:100%;
    overflow:hidden;
}
header.header section.header11 .nav li{
    display:inline!important;
    font-weight:normal!important;
    background-image: url(http://4.bp.blogspot.com/-pcrUp2zbCW0/UKkLhEwwKKI/AAAAAAAACh8/qcic_9CslCo/s1600/dot-circle.png);
    background-repeat:no-repeat;
    background-position: 0 7px;
    padding: 5px 18px 0 20px!important;
}
header.header section.header11 .nav a{
    font-size:12px!Important;
    font-family: 'Open Sans',arial,sans serif!Important;
    font-weight:bold!Important;
    color:#40413E;
    text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
    text-transform: uppercase;
}
header.header section.header11 .nav a:hover{
    color:#fff;
}
/* main */ 

.post,.main{
    line-height:0;
    width:1120px;
    margin: 0 auto!important;
}
article.blog-search{
    -moz-border-radius:3px;
    border-radius:3px;
    width:950px;
    position: relative;
    margin:4px auto!important;	
    display: block;
    background-color:rgba(20,20,20, 0.5);	
    background-image:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
    background-repeat:repeat;
    color:#454545;
    border:1px solid #151515;
    border-top-color:rgba(255,255,255,0.06);
    border-bottom-color:rgba(255,255,255,0.03);
    -webkit-box-shadow:
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
       -moz-box-shadow:
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
            box-shadow:
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;

}
article.blog-search:hover{
    color:transparent;
    text-shadow:0px 0px 7px #404448;
}
article.blog-search:active{
    color:#C6EB04;
    text-shadow:0 0 10px #C6EB04 
}
article.blog-search:before,.webResult:before{
    content:'';
    height:40px;
    width:40px;
    position: absolute;	
    right:5px;
    top:3px;
    background-image:url(http://4.bp.blogspot.com/-9jw6yO8jKiA/T8vY86JaK5I/AAAAAAAABco/TCrIFK54pdo/s1600/icon-logos.png); 
    background-position:top center;
    background-repeat:no-repeat;
}
article.blog-search .post-meta1{
    width:200px;
    margin:0px 24px 0 0px;
    float:left;
    padding:3px;
    border-right:1px solid #282828;
    background-image:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
    -webkit-box-shadow:
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
       -moz-box-shadow: 
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
            box-shadow: 
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
}
article.blog-search .post-meta1 span{
    font-size:9px;
    line-height:11px;
    display:block;
    text-transform:uppercase;
    height:14px;
    color:#434343;
    text-shadow:none;
}
article.blog-search .post-meta1 span.author{
    background:url(http://4.bp.blogspot.com/-AHTtuCyNbgA/UKkLrDCND9I/AAAAAAAACiE/SPxfvpLc6uo/s1600/smile-icon.png) no-repeat left center;
    padding:3px 0 2px 20px;
}
article.blog-search .post-meta1 span.date-header{	
    background:url(http://4.bp.blogspot.com/-wGxGo8DDyOo/UKkMFd3PuoI/AAAAAAAACiM/r3UEBUuOkeQ/s1600/time-icon.png) no-repeat left center;
    padding:4px 0 0px 20px;
}
article.blog-search li.title-post{
    list-style-type: square; 
    font:30px/50px arial, sans-serif;
    color:#222;
}
article.blog-search .title-post h3 a{
    display:block;
    font:26px/40px 'Open Sans',arial narrow,arial,sans serif!important;
    color:#40413E;
    text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
    text-transform:uppercase;
    letter-spacing:-1px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
article.blog-search .title-post h3 a:hover{
    color:transparent;
    text-shadow:0px 0px 9px #404448;
}
article.blog-search .title-post h3 a:active{
    text-decoration:line-through;
    color:#C6EB04;
    text-shadow:
        0 0 10px #C6EB04 ,
        0 0 20px #C6EB04 ,
        0 1px 3px #eee ,
           rgba(0,0,100,0.7) 0 7px 12px;
}
article.blog-search .title-post h3 a:first-letter{
    text-transform:uppercase;
    color:#323231;
}
article.blog-search .title-post h3 a:hover:first-letter{
    text-transform:uppercase;
    color:#C6EB04;
    text-shadow:
        0 0 10px #C6EB04 ,
        0 0 20px #C6EB04 , 
        0 1px 3px #eee ,
            rgba(0,0,100,0.7) 0 7px 12px;
}
.search-template{
    float:left;
    position:relative;
    margin:0 0 20px 40px;
    text-align:center;
    width:185px;
    height:210px;
    overflow:hidden;
    margin-bottom:20px;
    display:block;    
    background-color:#222;
    background-image:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
    background-repeat:repeat;
    border:1px solid #151515;
    border-top-color:rgba(255,255,255,0.06);
    border-bottom-color:rgba(255,255,255,0.03);
    -webkit-transition:all .15s ease-in-out;
    -webkit-transform-origin:50% 1px;
    -webkit-box-shadow:
              0 3px 6px rgba(0,0,0,.7),
              0 6px 9px rgba(0,0,0,.7),
              0 3px 16px rgba(0,0,0,.9)inset ;
       -moz-box-shadow:
              0 3px 6px rgba(0,0,0,.7),
              0 6px 9px rgba(0,0,0,.7),
              0 3px 16px rgba(0,0,0,.9)inset ;
           box-shadow:
              0 3px 6px rgba(0,0,0,.7),
              0 6px 9px rgba(0,0,0,.7),
              0 3px 16px rgba(0,0,0,.9)inset ;
}
.thumbnaiPost{
    display:block;
    border:none;     
    background-color:rgba(0,0,0,0.4);
    background-image:url(http://4.bp.blogspot.com/-ebNWkRvyAoE/T7qgWXj8XDI/AAAAAAAABSg/dKlSEjXp2hU/s1600/loader.gif);
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}
a.webtitle:before,a.templateLink:before{
    content:'';
    position:absolute!important;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:block;
    background: -webkit-linear-gradient(-155deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background:-moz-linear-gradient(-155deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background:-ms-linear-gradient(-155deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(-155deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background:linear-gradient(-155deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    z-index:100;
}
a.webtitle:after,a.templateLink:after{
    content:'+ ';
    font:66px  'Open Sans',arial narrow,arial,sans serif;
    position:absolute!important;
    text-align: center;
    line-height:75px;
    left:30%;
    top:30%;
    width:80px;
    height:80px;
    background:rgba(0,0,0,0.4);
    color:rgba(255,255,255,0.8)!important;
    border-radius:12em;
    -moz-border-radius: 12em;
    -webkit-border-radius: 12em;
    border:1px solid rgba(0,0,0,0.1);
    opacity:0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index:102;
}
a.webtitle:hover:after,a.templateLink:hover:after{
    opacity:1;
   color:rgba(255,255,255,0.8)!important;
}
a.webtitle:hover,a.templateLink:hover{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background:rgba(0,0,0,0.8);
}
.search-template img{
    width:185px;
    height:210px;
    background-image:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
    display:none;
}
.search-goo{
    padding:10px ;
    width : 960px;
    position : relative;
    margin : 0 auto !important ;
    z-index:1;
    overflow:hidden;
}
.form{
    background-image:url(http://2.bp.blogspot.com/-qJDgRHT3_Zo/T8nw-FfXz0I/AAAAAAAABZk/qddvHatDQNA/s1600/li-x.png);
    background-position:bottom center;
    background-repeat:repeat-x;
    display:block;

}
#resultsDiv{
    width : 960px;
    position : relative;
    margin : 0 auto;
    counter-reset:number;
}
fieldset{
    border:none;
}
#searchInputContainer{
    width : 960px;
    height:36px;
    background:url("http://demo.tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery/img/searchBox.png") no-repeat;
    float:left;
    margin-right:12px;
    position:relative;
    z-index:9;
}
#s{
    background:transparent!Important;
    border:none;
    color:#888888;
    width:800px;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    height:36px;
    line-height:36px;
    margin-right:12px;
    outline:medium none;
    padding:0 0 0 35px;
}
.icons{
    list-style:none;
    margin:-2px 0 0 345px;
    height:19px;
    position:relative;
    float:right;
}
.icons li{
    background:url(http://2.bp.blogspot.com/-eSynZWh01Fk/UL-803HU1QI/AAAAAAAADco/uF8sEn3XtYY/s1600/icons.png) no-repeat;
    float:left;
    height:19px;
    text-indent:-9999px;
    cursor:pointer;
    margin-right:5px;
}
span.arrow{
    width:11px;
    height:6px;
    margin:21px 0 0 5px;
    position:absolute;
    background:url(http://2.bp.blogspot.com/-qxjtUAnaUvU/UL-9AUOzRxI/AAAAAAAADcw/blw4OHOvJK0/s1600/arrow.png) no-repeat;
    left:0;
}
#submitButton{
    background:transparent;
    font:bold 12px 'open sans',arial,sans serif;
    width:108px;
    height:36px;
    overflow:hidden;
    text-transform:uppercase;
    border:none;
    cursor:pointer;
    float:left;
    color:#444;
}
#submitButton:hover{
    background-position:left bottom;
}
#searchInContainer{
    float:left;
    margin-top:12px;
    width:930px;
    position:relative;
    z-index:3;
}
label{
    color:#777;
    cursor:pointer;
    font-size:11px;
    position:relative;
    right:-2px;
    top:-2px;
    margin-right:10px;
    white-space:nowrap;
    /*float:left;*/
}
input[type=radio]{
    cursor:pointer;
    margin:-5px 0 0 0;
}
.pageContainer{
    padding:0 ;
    width : 960px;
    position : relative;
    margin : 0 0 0 30px !important ;
    z-index:1;
}
h3.notFound{
    text-align:center;
    padding:30px 0 50px 40px;
    font-size:50px;
    line-height:60px;
}
.webResult{ 
    -moz-border-radius:3px;
    border-radius:3px;
    width:950px;
    float:left;
    position: relative;
    margin:2px auto!important;	
    display: block;
   background-color:rgba(20,20,20, 0.5); 
    background-image:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
    background-repeat:repeat;
    color:#454545;
    border:1px solid #151515;
    border-top-color:rgba(255,255,255,0.06);
    border-bottom-color:rgba(255,255,255,0.03);
    -webkit-box-shadow:
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
       -moz-box-shadow:
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
            box-shadow:
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;

}
.webResult .sinp{
    width:200px;
    overflow:hidden;
    height:40px;
    margin-right:1px;
    float:left;
    padding:3px;
    border-right:1px solid #282828;
    background-image:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
    -webkit-box-shadow:
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
       -moz-box-shadow: 
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
            box-shadow: 
               0 1px 5px rgba(0,0,0,.9),
               0 2px 8px rgba(0,0,0,.6)inset ;
}
.webResult .sinp a.linkwebsite{
    background:url(http://4.bp.blogspot.com/-AHTtuCyNbgA/UKkLrDCND9I/AAAAAAAACiE/SPxfvpLc6uo/s1600/smile-icon.png) no-repeat left center;
    padding:3px 0 2px 15px;
    line-height:38px;
    margin-left:15px;
}
.webResult .titlee{
    float:left;
    width:730px;
    height:44px;
    overflow:hidden;

}
.webResult h2{ 
    display: block;
    height:44px;
    font:26px/40px 'Open Sans',arial narrow,arial,sans serif!important;
    text-transform:uppercase;
    letter-spacing:-1px;
    overflow:hidden;
    width:730px;
}
.webResult h2 a{
    display:block;
    font:26px/40px 'Open Sans',arial narrow,arial,sans serif!important;
    color:#40413E;
    text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
    text-transform:uppercase;
    letter-spacing:-1px;
padding-left:20px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.webResult h2 b{     color:#454545;}
.webResult p{ line-height:1.1;padding:10px 20px;font-size:10px;display:none}
.webResult p b{ border-bottom:dotted 1px #434343;}
.webResult > a{ margin-left:20px;}
.imageResult{
    float:left;
    position:relative;
    margin:0 0 20px 40px;
    text-align:center;
    width:185px;
    height:210px;
    overflow:hidden;
    margin-bottom:20px;
    display:block;    
    background-color:#222;
    background-image:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
    background-repeat:repeat;
    border:1px solid #151515;
    border-top-color:rgba(255,255,255,0.06);
    border-bottom-color:rgba(255,255,255,0.03);
    -webkit-transition:all .15s ease-in-out;
    -webkit-transform-origin:50% 1px;
    -webkit-box-shadow:
              0 3px 6px rgba(0,0,0,.7),
              0 6px 9px rgba(0,0,0,.7),
              0 3px 16px rgba(0,0,0,.9)inset ;
       -moz-box-shadow:
              0 3px 6px rgba(0,0,0,.7),
              0 6px 9px rgba(0,0,0,.7),
              0 3px 16px rgba(0,0,0,.9)inset ;
           box-shadow:
              0 3px 6px rgba(0,0,0,.7),
              0 6px 9px rgba(0,0,0,.7),
              0 3px 16px rgba(0,0,0,.9)inset ;
}
.imageResult img{ display:block;border:none;     background-image:url(http://4.bp.blogspot.com/-ebNWkRvyAoE/T7qgWXj8XDI/AAAAAAAABSg/dKlSEjXp2hU/s1600/loader.gif);
    background-position:center center;
    background-repeat:no-repeat;}
.imageResult a.pic{
    border:1px solid #151515;
    border-top-color:rgba(255,255,255,0.06);
    border-bottom-color:rgba(255,255,255,0.03);
    display:block;
}
#more{
    width:56px;
    height:18px;
    background: url('http://3.bp.blogspot.com/-5JjLFu13TgA/UMDQ0svDppI/AAAAAAAADdE/zRRjYkC7sFw/s1600/more.png') no-repeat;
    cursor:pointer;
    margin:13px 0 0 0;
    text-align:left;
    position:absolute;
    left:140px;

    z-index:999;
}
#more:hover{
    background-position:left bottom;
}
.clear-img{
    position:absolute;
    right:10px;
    z-index:5;
    display:none;
    top:24px;
}
.post img{
    border:none;
    }
.post ul,.post ol{
    margin-left:40px;
    }
.post ul li{
    margin-left:5px;
    padding-left:5px;
    list-style-type:disc;
    }
.post ol li{
    margin-left:10px;
    padding-left:5px;
    list-style-type:decimal;	
    }
 /* navigasi */ 
#toggle-container {
    display:block;
    text-align:left;
    width:930px!important;	
    position: relative;
    margin:0 0 100px 25px!important;
    padding:1px 10px!important;
    background-image:url(http://2.bp.blogspot.com/-qJDgRHT3_Zo/T8nw-FfXz0I/AAAAAAAABZk/qddvHatDQNA/s1600/li-x.png);
    background-position:bottom center;
    background-repeat:repeat-x;
}
.footer-width{
    max-width:1040px;
    margin:0 auto;
}
#toggle-container a {
    font-size:12px;
    font-family:'Open Sans',arial narrow,arial,sans serif!Important;
    font-weight:bold!Important;
    color:rgba(255,  255,  255,  0.5);
    outline:0 none;
    position:relative;
    z-index:999;
}
ul#blog-pager{
    width:240px;
    float:left;
    padding:0!important;
    margin:0!important;
    color:rgba(255,  255,  255,  0.5);
    background:rgba(0,  0,  0,  0.0);
}
#blog-pager a{
    font-size:12px!Important;
    color:rgba(255,  255,  255,  0.5);
}
#blog-pager li{
    background-image:url(http://1.bp.blogspot.com/-MPNQZfprKnw/UKkMX_HblAI/AAAAAAAACiU/xU3aTd6KE1E/s1600/border-top-icon.png);
    background-position:top right;
    background-repeat:repeat-y;
    list-style:none;
}
li#blog-pager-newer-link{
    padding:0 20px;
    margin-left:-15px;
}
li#blog-pager-older-link{
    padding:0 15px;
}
li#blog-pager-older-link a{ 
    display:inline!important;
    font-weight:normal!important;
    background-image: url(http://3.bp.blogspot.com/-BMGQ8ba2Zjo/T8nu-qAqS2I/AAAAAAAABZY/NyXknoWY5j8/s1600/right.png);
    background-repeat:no-repeat;
    background-position: center right;
    padding:0 18px 0 20px!important;
    font-size:20px;
    color:#353535!important;
    text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important;
    font-family:'Open Sans',arial narrow,arial,sans serif!Important;
    font-weight:600!Important;
    text-transform: uppercase;
}
li#blog-pager-newer-link a{ 
    display:inline!important;
    font-weight:normal!important;
    background-image: url(http://2.bp.blogspot.com/--csptURopAU/T8nu9_lHRjI/AAAAAAAABZU/btVjH2uwRO0/s1600/left.png);
    background-repeat:no-repeat;
    background-position: center left;
    padding:0 18px 0 20px!important;
    font-size:20px;
    color:#353535!important;
    text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important;
    font-family:'Open Sans',arial narrow,arial,sans serif!Important;
    font-weight:600!Important;
    text-transform: uppercase;
}
ul.label-post li{

    font-size:9px!Important;
    display:inline!important;
    font-weight:normal!important;
    background-image: url(http://2.bp.blogspot.com/-ntQzmvtpoQA/T87o0WFGbQI/AAAAAAAABdY/0O-E2chDgI4/s1600/arrow-link.png);
    background-repeat:no-repeat;
    background-position:0 13px;
    padding:0 3px 0 11px!important;
    color:#444!important;
    text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important;
    font-weight:600!Important;
    text-transform: uppercase;
}
ul.label-post li a{

    font-size:9px!Important;

    color:#353535!Important;
    padding-right:4px;
}
ul.label-post li span{

    color:#272727;

    padding-left:3px;
    margin-left:3px;
    font-weight:normal!Important;
}
ul.label-post{

    overflow:hidden;
}
#toggle-container li{
    float:left;
    display:inline;
    line-height:30px;
    height:34px;
}
/* footer */ 
footer.footerwrap{
    position:relative;
    margin:0 auto;
    width:100%;
    z-index:2;
    color:#444;
    text-align:left;
    font-size:11px;
    background-color:transparent!important;
    background-image:url(http://4.bp.blogspot.com/-xEtwNztZSRU/UKkMiYl3PGI/AAAAAAAACic/JIdVf6mLCEo/s1600/top-arrow.png);
    background-repeat:repeat-x;
    background-position:top center;
    -webkit-box-shadow:
        0 2px 5px rgba(0, 0, 0, .9) inset;
    -moz-box-shadow:
        0 2px 5px rgba(0, 0, 0, .9) inset;
    box-shadow:
        0 2px 5px rgba(0, 0, 0, .9) inset;
}
footer.footerwrap div.footerbody{
    background-color:rgba(0, 0, 0, .6);
}
footer.footerwrap a{
    color:#444;
    text-decoration:underline;
}
/* footer 3 kolom */ 
footer.footerwrap article.footergrd{
    width:1000px;
    margin:0 auto;
    text-align:left;
    font-size:99%;
    padding-bottom:20px;
    padding-top:2%;
}
footer.footerwrap article.footergrd section.footergrd-c1{
    width:20%;
    float:left;
    text-align:right;
}
footer.footerwrap article.footergrd section.footergrd-c2{
    width:20%;
    float:left;
}
footer.footerwrap article.footergrd section.footergrd-c3{
    width:50%;
    float:left;
}
footer.footerwrap article.footergrd section.footergrd-c1 h5,
footer.footerwrap article.footergrd section.footergrd-c2 h5,
footer.footerwrap article.footergrd section.footergrd-c3 h5{
    padding:0 0 4px 0;
    font-size:29px;
    font-family: 'Raleway','arial narrow','arial',sans serif;
    color:#444;
    text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
    text-transform: uppercase;
}
footer.footerwrap article.footergrd li,
footer.footerwrap article.footergrd section.footergrd-c3 h5{
    padding:4px;
    background-image:url(http://1.bp.blogspot.com/-YkvdQFS1spA/UKkMuHcRQVI/AAAAAAAACik/vzTH0xLnzbU/s1600/line-border.png);
    background-position:bottom center;
    background-repeat:no-repeat ;
}
footer.footerwrap article.footergrd section.footergrd-c2 h5{
    padding:4px;
    background-image:url(http://1.bp.blogspot.com/-kN3V2hbwiNo/UKkM5KO-PlI/AAAAAAAACis/nx3gr7cPe-k/s1600/small-line-border.png);
    background-position:bottom center;
    background-repeat:no-repeat ;
}
footer.footerwrap article.footergrd section.footergrd-c1 h5{
    padding:4px;
    background-image:url(http://1.bp.blogspot.com/-B0ua-PBsuKE/UKkNCnqgK4I/AAAAAAAACi0/5HvOHB2lqmE/s1600/small-line-border-1.png);
    background-position:bottom center;
    background-repeat:no-repeat ;
    font-family: 'Raleway',arial narrow,arial,sans serif!important;
 }
.footergrd-m1,.footergrd-m2,.footergrd-m3{
    width:3%;
    height:1px;
    float:left;
}
.widget-content img.profile-img{

    border-radius:160px;

    -moz-border-radius:160px;

    -webkitborder-radius:160px;
    width:80px!important;
    height:80px!important;

    float:left!important;

    border:2px solid #222;


}
/* footer credit*/ 
aside#bawahbana {
    display:block;
    position:relative;
    z-index:2;
    background-color:#0e0e0e;
    background-image:url(http://4.bp.blogspot.com/-UJno00gNvqY/T8RDFLPR8bI/AAAAAAAABX8/BVPrGRTslN0/s1600/pattern.png);
    background-repeat:repeat;
    -webkit-box-shadow:
        0 1px 2px hsla(0,0%,0%,.9),
        0 -2px 4px rgba(0, 0, 0, .3), 
        inset 0 1px 0 hsla(0,0%,100%,.2);
    -moz-box-shadow:
        0 1px 2px hsla(0,0%,0%,.9),
        0 -2px 4px rgba(0, 0, 0, .3), 
        inset 0 1px 0 hsla(0,0%,100%,.2);
    box-shadow:
        0 1px 2px hsla(0,0%,0%,.9),
        0 -2px 4px rgba(0, 0, 0, .3), 
        inset 0 1px 0 hsla(0,0%,100%,.2);
}
aside#bawahbana p{
    position:relative;
    width:1000px;
    margin:0 auto;
    padding:14px 0 ;
    z-index:999;
    font:bold 11px  'Open Sans',arial narrow,arial,sans serif;
    text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
    color:#353535;
    text-align: center;
}
aside#bawahbana p a{ 
    color:#353535;
    text-decoration:underline;
}
#blog-pager-older-link{
    float:right;
}
#blog-pager a,#blog-pager a:visited,#blog-pager a:hover{
    color:#40413E;
    text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
}
/* css depan */ 
nav.top-menu-home{
    width: 71.93478260869565%; 
    padding: 0.5em 0 0.15em 0;
    float: right;
}
nav.top-menu-home a:link,nav.top-menu-home a:visited{
    width: 18.9%; 
    float: left;
    margin:-8px 0 0px 28px;
    padding:16px 0 16px;
    font-size:16px; 
    color: #ddd;
    font-family:  arial,sans-serif;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background-image:url(http://4.bp.blogspot.com/-M2_y3-W2MTc/UKkNPPfVzeI/AAAAAAAACi8/-lnYSN2Qkxc/s1600/border-center-top-left.png);
    background-position:bottom  center;
    background-repeat:repeat-x ;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
    position: relative;
}
nav.top-menu-home a.blog:before,
nav.top-menu-home a.about:before,
nav.top-menu-home a.archive:before,
nav.top-menu-home a.contact:before
{
    position: absolute;	
    left: -18px;
    top:30px;
    width: 32px;
    height:32px;
    color:#fff;
    text-shadow:0 0 12px #fff;
    line-height: 2em;
    background-color:#333;
    border:6px solid #888;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -moz-box-shadow:
        0 1px 3px #000  ;
    -webkit-box-shadow:
        0 1px 3px #000  ;
    box-shadow:
        0 1px 3px #000   ;
}
nav.top-menu-home a.blog:hover:before,
nav.top-menu-home a.about:hover:before,
nav.top-menu-home a.archive:hover:before,
nav.top-menu-home a.contact:hover:before 
{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);	
    color:#161616!important;
    border:6px solid #85A101;
    background-color:#C6EB04;
    -moz-box-shadow:
        0 0 10px #C6EB04,
        0 0 30px #C6EB04,
        0 0 50px #C6EB04,
        0 1px 3px #000!important;
    -webkit-box-shadow:
        0 0 10px #C6EB04,
        0 0 30px #C6EB04,
        0 0 50px #C6EB04,
        0 1px 3px #000!important;
    box-shadow:
        0 0 10px #C6EB04,
        0 0 30px #C6EB04,
        0 0 50px #C6EB04,
        0 1px 3px #000!important;
}
nav.top-menu-home a.blog:before      {content:'1';}
nav.top-menu-home a.about:before     {content:'2';}
nav.top-menu-home a.archive:before   {content:'3';}
nav.top-menu-home a.contact:before   {content:'4';}
nav.top-menu-home a:hover {
    color:#C6EB04;
    text-shadow:0 0 30px #C6EB04 ;
}
nav.top-menu-home .divider {
    float: left;	
    text-align: center;
    width: 1.44%;
}
div#phone{
    width:71.93478260869565%; 
    padding: 0.5em 0 0.95em 0;
    float: right;
    background-image:url(http://4.bp.blogspot.com/-HTGSZRxwacY/UKkNXpXPNuI/AAAAAAAACjE/cHvyjDWPfEc/s1600/big-border.png);
    background-position:bottom center;
    background-repeat:repeat-x ;
    margin:10px 0 0 0;
}
div#phone h2.phone-number {
    font-family: 'Raleway',arial narrow,arial,sans serif!important;
    font-size:40px; 
    font-weight: 700;
    text-transform: uppercase;
    float: right;
    color:#454545;
}
div#phone h6.call {
    font-family: Georgia, Times, serif italic;
    font-size: 12px;
    font-style: italic;
    float: right;
    width: 200px;
    margin-top: 4px;
    margin-right: 10px;
    text-align: right;
    line-height: 120%;
    color:#444;
}
section#time {
    width: 25.59521739130435%; 
    float: left;
    margin-left:23px;
    text-align: center;
    background-image:url(http://1.bp.blogspot.com/-iQCQ0eoTnYs/UKkNgPHH6sI/AAAAAAAACjM/qJWFp3fC19Q/s1600/big-border-top.png);
    background-position:top  center;
    background-repeat:repeat-y ;
    height:142px;
    font:20px/40px arial,sans serif;
    color:#555;
    font: 50px arial,sans serif;
    color:#fff;
}
section#time {
    margin: 0 auto; 
    overflow: hidden;      
    font-family: 'Open Sans',arial narrow,arial,sans serif;
}
section#time > nav.clock { 
    margin:0 auto; 
    padding:30px; 
}
section#time > nav.clock .Date { 
    font-size:12px; 
    text-align:center; 
    color:#555;
    line-height:0.9em;
}
section#time > nav.clock ul { 
    margin:0 auto; 
    padding:0px; 
    list-style:none; 
    text-align:center; 
}
section#time > nav.clock ul li {
    color:#fff;  
    display:inline; 
    font-size:40px; 
    text-align:center;  
}
section#time > nav.clock li.point {
    position:relative;
    padding-left:1px; 
    padding-right:1px; 
}
.container p {
    background-image:url(http://4.bp.blogspot.com/-dczSJCl5-lw/UKkOmOXqe3I/AAAAAAAACj0/ld7bqaXN_Es/s1600/border-small-x.png);
    background-position:top center;
    background-repeat:repeat-x ;
    font-size:11px;
    color:#555;
    margin:0 auto;
    padding-top:5px;
    padding-right:10px;
}
.container h5 {
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
    font-size: 23px;
    font-family: 'Raleway',arial narrow,arial,sans serif!important;
    color:#fff;
}
nav#topnav {
    background-image:url(http://1.bp.blogspot.com/--XRLop1hozE/UKkNpv8Jw4I/AAAAAAAACjU/PFQ0OdPt7vI/s1600/border-nav.png);
    background-position:top center;
    background-repeat:no-repeat;
    padding:7px 0 0 0;
    margin-top:4px;
    width:1000px;
}
nav#topnav li{
    font:bold 11px/16px arial,sans serif;
    display: inline;
    background-image:url(http://3.bp.blogspot.com/-qneotpFTLGA/UKkaNpyS8tI/AAAAAAAAClY/kfhH4zzfgDc/s1600/border-top.png);
    background-position:top right;
    background-repeat:repeat-y;
    padding:7px 10px 2px 8px;
    margin-top:10px;
}
nav#topnav li a{
    background-image: url(http://2.bp.blogspot.com/-THqhJe6GAmA/UKkaWfJDt3I/AAAAAAAAClg/JGW0EHHetLA/s1600/dot-circle.png);
    background-repeat:no-repeat;
    background-position:top left;
    height: 26px!important;
    padding:0 0 10px 20px!important;
    font-family: 'Raleway',arial narrow,arial,sans serif!important;

}
nav#topnav li a:link,
nav#topnav li a:visited{
    text-decoration: none;
    color: #888;
}
section#logo-home div.text,
section#logo-home div.logo,
section#logo-home div.arrow,
section#logo-home div.freedom{
    display:none;
}
section#logo-home{
    background-image:url(http://1.bp.blogspot.com/-MndPHZIOuHs/T6U3A3UMHCI/AAAAAAAAAFc/GCcqHSefUkQ/s1600/bg-shadow.png);
    background-position:top center;
    background-repeat:no-repeat;
    height:400px;
    margin:6px 0 0 -15px;
    padding:0;
    overflow: hidden;
    position:relative;
    cursor:crosshair;
}
section#logo-home div{
    position:absolute;
    background-position:top center;
    background-repeat:no-repeat;
}
section#logo-home div.text{
    background-image:url(https://lh4.googleusercontent.com/-zufGEr_3VE0/T7fZT091x_I/AAAAAAAABR4/kOPmyHwYMfg/s640/text.png);
    width:764px;
    height:370px;
    top:30px;
    left:230px;
    z-index:1;
}
section#logo-home div.logo{
    font-size:12px;
    color:#fff;
    background-image:url(http://2.bp.blogspot.com/-pKKWgkDK15w/T6U3HgM0ZwI/AAAAAAAAAFs/9D_dUo6IQLM/s1600/logos.png);
    width:312px;
    height:312px;
    bottom:90px;
    left:0px;
    z-index:2;
    cursor:url(http://1.bp.blogspot.com/-b3H7QGI4EYk/T6fvDHqQ1iI/AAAAAAAAAG8/4ENApHF_IqE/s1600/Fresh.png),auto;
}
section#logo-home div.freedom{
    background-image:url(http://3.bp.blogspot.com/-tDh_pnRsCVg/ULIsZXNHeeI/AAAAAAAACw8/FJC23hMVeSE/s1600/freedom.png);
    height:141px;
    width:149px;
    top:80px;
    left:781px;
    z-index:3;
}
section#logo-home div.arrow{
    background-image:url(http://3.bp.blogspot.com/-IhVplQYsaOE/T7vtovKeHyI/AAAAAAAABTs/Uw6dL-fmxb4/s1600/green-arrow.png);
    height:183px;
    width:183px;
    top:-25px;
    left:381px;
    z-index:3;
}
ul.dot-icon{
    margin:10px 0;
}
ul.dot-icon li{
    display:inline!important;
    font-weight:normal!important;
    background-image: url(http://3.bp.blogspot.com/-cDbpCsIUNVI/ULTTKNWvEII/AAAAAAAAC18/I7u2somd7DU/s1600/dot.png);
    background-repeat:no-repeat;
    background-position: 0 13px;
    padding: 5px 18px 0 20px!important;
    font-size:20px;
    color:#535453!important;
    text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important;
    font-family: 'Open Sans',arial narrow,arial,sans serif!Important;
    font-weight:600!Important;
    text-transform: uppercase;
}
.profil-image-home{

    width:130px;

    position:relative;

    overflow:hidden;

    float:left;
}
.profil-image-home img{
    border:4px solid #222;
    border-radius:160px;
    -moz-border-radius:160px;
    -webkitborder-radius:160px;

}

a.fb, a.twitter, a.google-plus {
border : #222 solid 4px;
border-radius : 160px;
border-radius : 50px;
transition : all 0.2s ease-out;
} 
.profil-image-icon img:hover{
    opacity:0.9;
}

img.profile-img{
    width:80px!important;
    height:80px!important;

    margin:9px 10px 0 2px;
    float:left!important;
}
.profil-dep-home{

    margin:10px  0 20px  20px ;
}
.profil-dep-home p {

    line-height : 16px;

    padding-bottom : 1px!important;
}

a.fb{
    background-image:url(http://2.bp.blogspot.com/-gGyLFDpTAG4/UKgBFb24VPI/AAAAAAAACe0/x7vo9wMwP-4/s21/Facebook.png);
    background-repeat:no-repeat;
    background-position: top center;
    width:21px;
    height:21px;
    position:absolute;
    top:6px;
    right:14px;
}
a.twitter{
    background-image:url(http://1.bp.blogspot.com/-W1C5CNCIGtc/UKgA_IytK2I/AAAAAAAACes/tjKwcXhViRg/s18/Twitter.png);
    background-repeat:no-repeat;
    background-position: top center;
    width:18px;
    height:18px;
    position:absolute;
    top:38px;
    right:7px;
}
a.google-plus{
    background-image:url(http://2.bp.blogspot.com/-iaJKUDvwrFE/UKgA2JPMZTI/AAAAAAAACek/gkd5aEkKUTk/s16/GooglePlus.png);
    background-repeat:no-repeat;
    background-position: top center;
    width:16px;
    height:16px;
    position:absolute;
    top:67px;
    right:17px;
}

a.fb:hover{
    border:4px solid #5e83cf!important;
    box-shadow:
    0 0 10px #3b5998,
    0 1px 3px #000!important;
    -webkit-box-shadow:
    0 0 10px #3b5998,
    0 1px 3px #000!important;
    -moz-box-shadow:
    0 0 10px #3b5998,
    0 1px 3px #000!important;
}
a.twitter:hover{
    border:4px solid #45c6e3!important;
    box-shadow:
    0 0 10px #45c6e3,
    0 1px 3px #000!important;
    -webkit-box-shadow:
    0 0 10px #45c6e3,
    0 1px 3px #000!important;
    -moz-box-shadow:
    0 0 10px #45c6e3,
    0 1px 3px #000!important;
}
a.google-plus:hover{
    border:4px solid #e36347!important;
    box-shadow:
    0 0 10px #e36347,
    0 1px 3px #000!important;
    -webkit-box-shadow:
    0 0 10px #e36347,
    0 1px 3px #000!important;
    -moz-box-shadow:
    0 0 10px #e36347,
    0 1px 3px #000!important;
}
nav ul.menu-3 li{
    padding:2px 0 !important;
    margin:0!important;
    background-image:url(http://1.bp.blogspot.com/-kN3V2hbwiNo/UKkM5KO-PlI/AAAAAAAACis/nx3gr7cPe-k/s1600/small-line-border.png)!important;
    background-position:bottom center!important;
    background-repeat:no-repeat!important;
}
nav ul.menu-3 li a{
    background-position: 0px 0;
    background-repeat:no-repeat;
    margin:0;
    padding:0 22px 12px 21px;
    line-height:16px;
    text-decoration:none;
}
nav ul.menu-3 li.blogger a{
    background-image:url(http://1.bp.blogspot.com/-91RS5_ffm5w/UKlO06NoPMI/AAAAAAAACnE/Qd6lbO7xtRc/s1600/blogger.png);
}
nav ul.menu-3 li.g-site a{
    background-image:url(http://4.bp.blogspot.com/-GWQHLWtWpoc/UKlO3AoigFI/AAAAAAAACnQ/bX-LqZJT614/s16/google+site.ico);
}
nav ul.menu-3 li.disqus a{
    background-image:url(http://1.bp.blogspot.com/-bZcvkMEhaqk/UKlO2NGsgaI/AAAAAAAACnI/W-DTce0MLeE/s1600/disqus.ico);
}
nav ul.menu-3 li.w3c a{
    background-image:url(http://2.bp.blogspot.com/-MtI_M1wlr64/UKlO3-8PYdI/AAAAAAAACnc/-sIvq9_mjfs/s1600/w3c.ico);
}

